<header id="header"><!--header-->
		<div class="header_top"><!--header_top-->
			<div class="container">
				<div class="row">
					<div class="col-sm-6 ">
						<div class="contactinfo">
							<ul class="nav">
								<li class="nav-item"><a href="{{ route('buying') }}" class="nav-link"><i class="fa fa-thumbs-o-up"></i> 疯狂促销</a></li>
								<li class="nav-item"><a href="" class="nav-link"><i class="fa fa-envelope"></i> info@domain.com</a></li>
							</ul>
						</div>
					</div>
					<div class="col-sm-6">
						<div class="social-icons float-right">
							<ul class="nav">
								{{-- @include('front.layouts.check-login') --}}
								<div id="check"></div>
								<li id="load" class="nav-item"><a href="javascript:void(0)" class="nav-link"><i class="fa fa fa-refresh fa-spin "></i></a></li>
								<script>
									$.get('{{ route('check-login') }}',function(rsp){
										console.log(rsp);
										$("#load").hide();
										$("#check").html(rsp);
									})
								</script>
								<li  class="nav-item"><a href="" class="nav-link"><i class="fa fa-linkedin"></i></a></li>
								<li  class="nav-item"><a href="" class="nav-link"><i class="fa fa-dribbble"></i></a></li>
								<li  class="nav-item"><a href="" class="nav-link"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div><!--/header_top-->
		
		<div class="header-middle" style="position: relative;"><!--header-middle-->
			<div class="container">
				<div class="row">
					<div class="col-sm-3">
						<div class="logo float-left">
							<a href="/" style="position: relative;z-index: 99"><img src="{{asset('home/images/home/logo.png')}}" alt="" /></a>
							
						</div>

						{{-- <div class="btn-group float-left ml-3 btn-group-xs" role="group" >
							<div class="btn-group btn-group-sm" role="group" aria-label="Basic example">
								<button type="button" class="btn btn-xs btn-light dropdown-toggle usa" data-toggle="dropdown"  aria-haspopup="true" aria-expanded="false" id="btnGroupDrop1">
									USA
									<span class="caret"></span>
								</button>
								<div class="dropdown-menu"  aria-labelledby="btnGroupDrop1">
									<a href="" class="dropdown-item" >Canada</a>
									<a href="" class="dropdown-item" >UK</a>
								</div>
							</div> 
						</div> --}}
						@if(request()->route()->getName() != 'home' && request()->route()->getName() != 'order.pay' && request()->route()->getName() != 'order.save')
						<div class="m-2  col-lg-12" style="height: 100%;">
							<div class="nav ss" style="height: 100%;">
		                    <span id="showmenu" class=" nav-link text-muted text-right">全部分类</span>
 
									@include('front.layouts.left-nav-sub', ['categorys' => $categorys]) 
							</div>
						</div>


							<script>
							$(".ss").hover(()=>{
									$(".menu").show();
								},()=>{
									 $(".menu").hide(); 
								}) 
							</script>
							<style type="text/css">
								.left-nav-b {border:1px solid orange;height: auto}
							</style>
						@endif
					</div> 
					<div class="col-sm-7 mx-auto" >
					    	<div class="mt-1">
					    								
					    		<script type="text/javascript">
					    										$( function() {
					    												var availableTags = [];

					    											$.getJSON("{{asset('product.json')}}",function(result){
					    												$.each(result,function(index,obj){  
					    										    	availableTags.push({ label: obj.pro_name, value: obj.pro_name,procode:obj.pro_code },)
					    										    });

					    											});
					    										    
					    										    $( "#search-box" ).autocomplete({
					    										      source: availableTags,
					    										      select: function( event, ui ) {
					    										      	window.location.href="{{route('details')}}/"+ui.item.procode;
					    										      }
					    										    });
					    										  } );
					    									</script>
					    									<form action="{{ route('search') }}">
					    									<div class="form-group">
					    								    <input type="text" class="form-control inputser" id="search-box" value="@if(isset($keyword)) {{$keyword}}@endif" name="q" placeholder="Search">

					    								  </div>

					    									</form>
					    									
					    								</div>
					    	</div>
					<div class="col-sm-2 mt-2">
						<div class="shop-menu float-right">
							<ul class="navbar-nav " id="cart">
							 
								 <li class="nav-item " style="position: relative;">
                                <a href="javascript:void(0);" class="dropdown-toggle " id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fa fa-shopping-bag fa-2x"></i><span style="position: absolute;top:-10px;right:10px;" class="badge badge-secondary" id="countCart">{{Cart::instance('shopping')->count()}}</span>
                                </a>

                                <ul class="dropdown-menu "  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
                                	 <h6 class="dropdown-header" style="border-bottom: 1px solid #aaa">我的购物车</h6>
                                	 @if(!$carts->isEmpty()) 
		                                @foreach($carts as $cart) 
		                                    	<li >
		                                    	<a href="{{route('details',$cart->id)}}" class="float-left"><img src="{{asset('productpics').'/'.$cart->pimg}}" width="50" height="50"  style="text-align: center;margin:0 auto;" alt=""></a>
		                                    	  <div  style="display:block;width:100%;margin-top: 5px;margin-left:30px;"> 
		                                    	  	 {{str_limit($cart->name, $limit = 25, $end = '...')}}<br>
				                              				                                     	  	</div>
		                                    	  <p>x {{$cart->qty}} <span class="float-right">￥ {{$cart->subtotal}}</span></p>
		                                    	</li> 
		                                    	<div style="height: 1px;border-bottom: 1px solid #ddd;"></div>

		                                @endforeach  
		                                @else
                                <span class="dropdown-header text-dark">(๑•ᴗ•๑)暂时没商品在购物车</span>
		                                
                                @endif
                                 <div class="dropdown-header" style="border-top: 1px solid #aaa"><a onclick="window.open('{{route('shop-cart')}}')" target="__blank" style="cursor: pointer;" class="nav-item">查看所有(<span id="countCart">{{Cart::count()}}</span>)</a></div>
                                </ul>
                            </li>
                            <style>
                            	#cart .dropdown-menu{
                            		width: 280px !important;

                            	}
                            </style>
								 
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div><!--/header-middle--> 
		@if(request()->route()->getName() == 'home')
		 @include('front.layouts.left-nav', ['categorys' => $categorys])
	<section id="slider " class="m-0 p-0 ""><!--slider-->
		<div class="container m-0 p-0 mx-auto">
			<div class="row m-0 p-0">
				<div class="col-sm-12  m-0 p-0" >
					<div id="carouselExampleSlidesOnly" class="carousel m-0 p-0 slide col-lg-12" data-ride="carousel">
						<ol class="carousel-indicators">
						   <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
						   <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
						   <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
						   <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
						 </ol>
						
						<div class="carousel-inner" >
							<div class="carousel-item active m-0 p-0""   >
								<div class="col-sm-12">
									<img src="{{ asset('home/images/home/girl1.jpg') }}" class="girl img-responsive" alt="" style="width: 100%;height: 460px;" /> 
								</div>
							</div>
							<div class="carousel-item"  >
								<div class="col-sm-12">
									<img src="{{ asset('home/images/home/girl2.jpg') }}" class="girl img-responsive" alt="" style="width: 100%;height: 460px;" />
								</div>
							</div>
							
							<div class="carousel-item" >
								
								<div class="col-sm-12">
									<img src="{{ asset('home/images/home/girl3.jpg') }}" class="girl img-responsive" alt="" style="width: 100%;height: 460px;" /> 
								</div>
							</div>
							<div class="carousel-item" >
								
								<div class="col-sm-12">
									<img src="https://img11.360buyimg.com/da/jfs/t10018/223/442946729/161573/718afc19/59cef35aNec174233.jpg" class="girl img-responsive" alt="" style="width: 100%;height: 460px;" /> 
								</div>
							</div>
							
						</div>
						
						<a  class="carousel-control-prev" href="#carouselExampleSlidesOnly" role="button" data-slide="prev" style="left:200px">
							<i class="fa fa-angle-left fa-4x"></i>
						</a>
						<a  class="carousel-control-next" href="#carouselExampleSlidesOnly" role="button" data-slide="next">
							<i class="fa fa-angle-right fa-4x"></i>
						</a>
					</div>
					
				</div>

			</div>
		</div>
	</section><!--/slider--> 
		<!-- 导航菜单 -->
 <div id="menu">
  <ul>
  	@foreach($topCateFloors as $floorLouti)
	   <li>{{$loop->index+1}}F<span>{{str_limit($floorLouti->name, $limit = 5, $end = '')}}</span></li>

   @endforeach
  </ul>
 </div>
 <!-- 导航菜单 -->
	@endif
	</header>

	